/* 整个网页的大盒子 */
.musician-dom {
  /* 网页内的内容盒子 */
}
.musician-dom .musician-content-box {
  /* 内容主体区域 */
}
.musician-dom .musician-content-box .musician-content {
  /* 内容主体五部分 */
}
.musician-dom .musician-content-box .musician-content .content-item5 {
  /* 第五部分内容 */
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox {
  /* 共同样式 */
  /* 圆圈状态 */
  /* 头像 */
  /* 手机 */
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .common {
  position: absolute;
  top: 120px;
  width: 1122px;
  height: 400px;
  overflow: hidden;
  transition: all 0.2s;
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .common1 {
  top: 100px;
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .common2 {
  top: 80px;
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular {
  /* 默认状态 */
  /* 状态1 */
  /* 状态2 */
  /* 状态3 */
  /* 状态4 */
  /* 状态5 */
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 700px;
  background-color: #fcbcbc;
  border-radius: 50%;
  transition: all 0.3s;
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir1 {
  opacity: 0.1;
  transform: translateX(-50%) scale(0);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir2 {
  opacity: 0.3;
  transform: translateX(-50%) scale(0);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir3 {
  opacity: 0.3;
  transform: translateX(-50%) scale(0);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir4 {
  opacity: 0.5;
  transform: translateX(-50%) scale(0);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir5 {
  opacity: 0.5;
  transform: translateX(-50%) scale(0);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir6 {
  opacity: 0.8;
  transform: translateX(-50%) scale(0);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir1-1 {
  opacity: 0.1;
  transform: translateX(-50%) scale(0.8);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir2-1 {
  opacity: 0.2;
  transform: translateX(-50%) scale(0.7);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir3-1 {
  opacity: 0.2;
  transform: translateX(-50%) scale(0.6);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir4-1 {
  opacity: 0.4;
  transform: translateX(-50%) scale(0.5);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir5-1 {
  opacity: 0.4;
  transform: translateX(-50%) scale(0.4);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir6-1 {
  opacity: 0.6;
  transform: translateX(-50%) scale(0.3);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir1-2 {
  opacity: 0.1;
  transform: translateX(-50%) scale(1);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir2-2 {
  opacity: 0.2;
  transform: translateX(-50%) scale(0.9);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir3-2 {
  opacity: 0.2;
  transform: translateX(-50%) scale(0.8);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir4-2 {
  opacity: 0.4;
  transform: translateX(-50%) scale(0.7);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir5-2 {
  opacity: 0.4;
  transform: translateX(-50%) scale(0.6);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir6-2 {
  opacity: 0.6;
  transform: translateX(-50%) scale(0.5);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir1-3 {
  opacity: 0.1;
  transform: translateX(-50%) scale(1.15);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir2-3 {
  opacity: 0.2;
  transform: translateX(-50%) scale(1.05);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir3-3 {
  opacity: 0.2;
  transform: translateX(-50%) scale(0.95);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir4-3 {
  opacity: 0.4;
  transform: translateX(-50%) scale(0.85);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir5-3 {
  opacity: 0.4;
  transform: translateX(-50%) scale(0.75);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir6-3 {
  opacity: 0.6;
  transform: translateX(-50%) scale(0.65);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir1-4 {
  opacity: 0.1;
  transform: translateX(-50%) scale(1.4);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir2-4 {
  opacity: 0.2;
  transform: translateX(-50%) scale(1.28);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir3-4 {
  opacity: 0.2;
  transform: translateX(-50%) scale(1.16);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir4-4 {
  opacity: 0.4;
  transform: translateX(-50%) scale(1.04);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir5-4 {
  opacity: 0.4;
  transform: translateX(-50%) scale(0.92);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir6-4 {
  opacity: 0.6;
  transform: translateX(-50%) scale(0.8);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir1-5 {
  opacity: 0.1;
  transform: translateX(-50%) scale(1.6);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir2-5 {
  opacity: 0.3;
  transform: translateX(-50%) scale(1.45);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir3-5 {
  opacity: 0.3;
  transform: translateX(-50%) scale(1.3);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir4-5 {
  opacity: 0.5;
  transform: translateX(-50%) scale(1.15);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir5-5 {
  opacity: 0.5;
  transform: translateX(-50%) scale(1);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .circular .cir6-5 {
  opacity: 0.8;
  transform: translateX(-50%) scale(0.85);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox {
  background: transparent;
  /* 默认状态 */
  /* 状态1 */
  /* 状态2 */
  /* 状态3 */
  /* 状态4 */
  /* 状态5 */
  /* 状态6 */
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%) scale(0);
  transition: all 0.3s;
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans1 {
  width: 105px;
  height: 105px;
  background-image: url(../upload/musician-fans-1.png);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans2 {
  width: 104px;
  height: 104px;
  background-image: url(../upload/musician-fans-2.png);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans3 {
  width: 75px;
  height: 75px;
  background-image: url(../upload/musician-fans-3.png);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans4 {
  width: 105px;
  height: 105px;
  background-image: url(../upload/musician-fans-4.png);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans5 {
  width: 65px;
  height: 65px;
  background-image: url(../upload/musician-fans-5.png);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans6 {
  width: 105px;
  height: 105px;
  background-image: url(../upload/musician-fans-6.png);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans1-1 {
  transform: translate(-80%, -20%) scale(0.4);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans2-1 {
  transform: translate(-110%, 15%) scale(0.35);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans3-1 {
  transform: translate(-200%, 40%) scale(0.5);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans4-1 {
  transform: translate(75%, 35%) scale(0.32);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans5-1 {
  transform: translate(35%, -28%) scale(0.5);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans6-1 {
  transform: translate(65%, -10%) scale(0.42);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans1-2 {
  transform: translate(-105%, -45%) scale(0.5);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans2-2 {
  transform: translate(-170%, -55%) scale(0.45);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans3-2 {
  transform: translate(-250%, 25%) scale(0.6);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans4-2 {
  transform: translate(120%, 25%) scale(0.4);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans5-2 {
  transform: translate(30%, -110%) scale(0.7);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans6-2 {
  transform: translate(40%, 0) scale(0.48);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans1-3 {
  transform: translate(-126%, -90%) scale(0.6);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans2-3 {
  transform: translate(-220%, -65%) scale(0.38);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans3-3 {
  transform: translate(-350%, 10%) scale(0.75);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans4-3 {
  transform: translate(200%, 5%) scale(0.48);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans5-3 {
  transform: translate(40%, -180%) scale(0.85);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans6-3 {
  transform: translate(130%, -40%) scale(0.35);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans1-4 {
  transform: translate(-140%, -145%) scale(0.55);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans2-4 {
  transform: translate(-270%, -160%) scale(0.7);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans3-4 {
  transform: translate(-415%, -35%) scale(0.8);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans4-4 {
  transform: translate(260%, -15%) scale(0.52);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans5-4 {
  transform: translate(105%, -310%) scale(0.85);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans6-4 {
  transform: translate(135%, -60%) scale(0.65);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans1-5 {
  transform: translate(-150%, -185%) scale(0.7);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans2-5 {
  transform: translate(-300%, -200%) scale(0.73);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans3-5 {
  transform: translate(-480%, -40%) scale(0.94);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans4-5 {
  transform: translate(300%, -15%) scale(0.6);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans5-5 {
  transform: translate(105%, -390%) scale(1.16);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans6-5 {
  transform: translate(205%, -80%) scale(0.68);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans1-6 {
  transform: translate(-160%, -235%) scale(0.65);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans2-6 {
  transform: translate(-330%, -220%) scale(0.68);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans3-6 {
  transform: translate(-480%, -50%) scale(1);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans4-6 {
  transform: translate(320%, -50%) scale(0.68);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans5-6 {
  transform: translate(100%, -360%) scale(1.25);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .fansbox .fans6-6 {
  transform: translate(200%, -180%) scale(0.63);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .phonebox {
  background: transparent;
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .phonebox .phone {
  position: absolute;
  width: 200px;
  height: 400px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%) scale(0);
  transition: all 0.3s;
  background-image: url(../upload/musician-phone.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .phonebox .phone-1 {
  transform: translate(-50%, 62%) scale(0.3);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .phonebox .phone-2 {
  transform: translate(-50%, 58%) scale(0.5);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .phonebox .phone-3 {
  transform: translate(-50%, 46%) scale(0.6);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .phonebox .phone-4 {
  transform: translate(-50%, 42%) scale(0.7);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .phonebox .phone-5 {
  transform: translate(-50%, 36%) scale(0.8);
}
.musician-dom .musician-content-box .musician-content .content-item5 .item5-content .item5-contentBox .phonebox .phone-6 {
  transform: translate(-50%, 28%) scale(0.9);
}
